<template>
	<view class="main-content">
		<index-header></index-header>
		<view class="content">
			<view class="act" v-for="(item,index) in 5" :key="index">
				<navigator  :url="'detail?id='+index">
				<image style="width: 100%;height: 350upx;" src="https://www.3sworld.com/uploads/20210223/a0abcc88e2a879a21d7817494e44f91e.jpg"></image>
				<view class="act_name">测绘大讲堂第二季第四期-测绘教育和学</view>
				<view>
					<image style="width: 30upx;height: 30upx;top:5upx" src="../../static/img/time.png"></image>
					</image><text style="margin-left: 20upx;color: #999999;">2021.04.15 14:00</text>
					<text style="margin-left: 20upx;float: right;color: #999999;">线上</text>
					<image style="width: 30upx;height: 30upx;float: right;top: 10upx;" src="../../static/img/location.png"></image>
				</view>
				</navigator>
			</view>
			<view style="height: 100upx;"></view>
		</view>
		<view-tabbar :current="0"></view-tabbar>
	</view>
</template>

<script>
	import Tabbar from '@/components/actBottomNav.vue'
	export default {
	
		components: {
		            'view-tabbar': Tabbar
		        }, 
		}
</script>

<style lang="scss">
	.act_name{
		font-size: larger;
		font-weight: bold;
		margin: 20upx 0upx;
	}
	.act{
		margin: 20upx;
		margin-top: 20upx;
		background-color: #FFFFFF;
		padding: 20upx;
		border-radius: 10upx;
	}
	.content {
	    width: 750upx;
	    height: auto;
	    padding-top: 118upx;
		min-height: calc(100%);
		background-color: #EEEEEE;
		margin-bottom: 10upx;
	}
</style>
